// index.vue.hbs
<script setup lang="ts">
import { onMounted, ref } from 'vue'
import MyInput from './components/MyInput.vue'

const msg = ref('')
const innerRef = ref()

onMounted(() => {
  console.log(innerRef.value)
})
</script>

<template>
  <div class="attrs-page">
    <h1>attrs</h1>
    <button @click="innerRef.focus()">
      聚焦
    </button>
    <MyInput ref="innerRef" v-model="msg" placeholder="请输入内容111">
      <template #prepend>
        清清浅浅
      </template>
      <template #append>
        <p>
          change
        </p>
      </template>
    </MyInput>
  </div>
</template>

<style scoped lang="scss">
.attrs-page {

}
</style>
